// pages/login/selectClass/selectClass.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    ColorList: [{
      title: '嫣红',
      name: 'red',
      color: '#e54d42'
    },
    {
      title: '桔橙',
      name: 'orange',
      color: '#f37b1d'
    },
    {
      title: '明黄',
      name: 'yellow',
      color: '#fbbd08'
    },
    {
      title: '橄榄',
      name: 'olive',
      color: '#8dc63f'
    },
    {
      title: '森绿',
      name: 'green',
      color: '#39b54a'
    },
    {
      title: '天青',
      name: 'cyan',
      color: '#1cbbb4'
    },
    {
      title: '海蓝',
      name: 'blue',
      color: '#0081ff'
    },
    {
      title: '姹紫',
      name: 'purple',
      color: '#6739b6'
    },
    {
      title: '木槿',
      name: 'mauve',
      color: '#9c26b0'
    },
    {
      title: '桃粉',
      name: 'pink',
      color: '#e03997'
    },
    {
      title: '棕褐',
      name: 'brown',
      color: '#a5673f'
    },
    {
      title: '玄灰',
      name: 'grey',
      color: '#8799a3'
    },
    {
      title: '草灰',
      name: 'gray',
      color: '#aaaaaa'
    },
    {
      title: '墨黑',
      name: 'black',
      color: '#333333'
    },
  ],
    toggleDelay: false,
    animation:'',
    scale:'animation-scale-down animation-reverse',
    animations:[],
    isShow:false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  listenerPhoneInput(){
    this.setData({
      isShow:true
    })
    this.toggleDelay()
  },
  toggleDelay() {
    var that = this;
    that.setData({
      toggleDelay: true
    })
    setTimeout(function() {
      that.setData({
        toggleDelay: false
      })
    }, 1000)
  },
  toggle(e) {
    console.log(e.target.dataset.title);
    var anmiaton = e.target.dataset.title;
    var newarray = []
    if(this.data.animations.length > 0){
      let bol = true
      for(let i = 0; i < this.data.animations.length; i++){
        if(this.data.animations[i] == anmiaton){
          this.data.animations.splice(this.data.animations.findIndex( index => index === anmiaton), 1)
          bol = false
        }
      }
      if(bol){
        newarray = this.data.animations.concat([anmiaton])  
      }else{
        newarray = this.data.animations
      }
    }else{
      newarray = this.data.animations.concat([anmiaton])  
    }
    
    var that = this;
    that.setData({
      animation: anmiaton,
      animations: newarray
    })
    setTimeout(function() {
      that.setData({
        animation: ''
      })
    }, 1000)
  },
  btnclick(){
    console.log(12);
    wx.redirectTo({
      url: '/pages/memory/memory'
    })
  }
})